<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

<title>Trepadora</title>

<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
<meta name="author" content="Trepadora Team" />
<meta name="description" content="Trepadora is a real time chat with strange person" />
<meta name="keywords" content="chat, Trepadora, czat, strange, people, conversation, video" />

<link rel="stylesheet" type="text/css" media="screen" href="css/screen.css" />
<!--[if IE 6]><link rel="stylesheet" type="text/css" href="css/ie6.css" media="screen" /><![endif]-->

</head>

<body>

<!-- wrap -->
<div id="wrap">

	<!-- header -->
	<div id="header">			
	
		<a name="top"></a>
		
		<h1 id="logo-text"><a href="index.html" title="">trepadora</a></h1>		
		<p id="slogan">Just another real time video chat :)</p>					
		
		<div id="nav">
			<ul>
				<li id="current"><a href="index.html">Home</a></li>
				<li><a href="chat.html">Chat</a></li>
				<li><a href="blog.html">Blog</a></li>
				<li><a href="style.html">Contact</a></li>
				<li><a href="archives.html">About</a></li>		
			</ul>		
		</div>		
		
		<div id="login">
			<form action="index.html" method="get" >
				<p>
				<label for="login">login:</label>
				<input class="log" type="text" name="login" alt="login" value="" title="Login" />
				<input class="log" type="text" name="password" alt="password" title="Password" />
				<!--  
					<input class="go" type="submit" value="login" alt="Go" title="Go" src="images/search.png" />
				 -->
				</p>
			</form>	
		</div>
		
		<p id="rss-feed">
			<a href="index.html" class="feed">Grab the RSS FEEd</a>
		</p>	
		
		<form id="quick-search" action="index.html" method="get" >
			<p>
			<label for="qsearch">Search:</label>
			<input class="tbox" id="qsearch" type="text" name="qsearch" value="Search..." title="Start typing and hit ENTER" />
			<input class="btn" type="image" alt="Search" title="Search" src="images/search.png" />
			</p>
		</form>	
						
	<!-- /header -->					
	</div>
	
	<!-- featured -->		
	<div id="featured">			
	
		<div id="featured-block" class="clear">
			
			<div id="featured-ribbon"></div>	
				
			<a name="TemplateInfo"></a>
			
			<div class="image-block">
              <a href="index.html" title="">
              	<img src="images/video_chat.png" alt="featured" width="350px" height="250px"/>
              </a>
         </div>			
			
			<div class="text-block">
			
				<h2><a href="index.html">Welcome to Trepadora</a></h2>
			
				<p class="post-info">Posted by <a href="index.html">lucas</a></p>
				
				<p><strong>Trepadora</strong> is a free real time video chat. This work is 
				distributed under the <a rel="license" href="http://www.gnu.org/copyleft/gpl.html">
				GNU General Public License v3 </a>, which means that everyone is permitted to 
				copy and distribute verbatim copies of this license document, but changing it 
				is not allowed.
				</p>
				
				<p>It will be the best chat ever made!</p>
				
				<p>Good luck and I hope you find someone interesting to talk! See you :)</p>
			
				<p><a href="index.html" class="more-link">Lets chat</a></p>				
								
			</div>				
		
		</div>		
	
	<!-- /featured -->
	</div>	
	
	<!-- content -->
	<div id="content-wrap" class="clear">
	
		<div id="content">		
			
			<!-- main -->
			<div id="main">	
					
				<h3>Recent Articles</h3>
				
				<div class="block odd">
				
					<a title="" href="index.html">
						<img src="images/layout_thumb.jpg" class="thumbnail" alt="img" width="240px" height="100px"/>
					</a>
				
					<div class="blk-top">
					
						<h4><a href="index.html">Layout is almost ready</a></h4>	
						<p><span class="datetime">March 10, 2010</span><a href="index.html" class="comment">2 Comments</a></p>
						
					</div>						
					
					<div class="blk-content">
						
						<p>
						The first version of the layout is almost complete. I think it looks not bad :)
						Of course there is still a lot of big changes. The main change it would be adding a chat 
						window and place for two video windows. I think tomorrow I should do this. See you soon.
						</p>					
								
						<p><a class="more" href="index.html">continue reading &raquo;</a></p>
					
					</div>
				
				</div>
				
				<div class="block even">
				
					<a title="" href="index.html">
						<img src="images/thumb_hello.jpg" class="thumbnail" alt="img" width="240px" height="100px"/>
					</a>
				
					<div class="blk-top">
					
						<h4><a href="index.html">Hello World</a></h4>	
						<p><span class="datetime">March 10, 2010</span> <a href="index.html" class="comment">1 Comments</a></p>
						
					</div>						
					
					<div class="blk-content">
						
						<p>
						Finally we found some free time and we could begin our new social networking 
						website called Tropadore. It's a real time video chat. It's just the beginning.
						Please visit us and find out what's new.
						
						<a class="more" href="index.html">continue reading &raquo;</a>			
						</p>
						
						<p></p>
					
					</div>
				
				</div>
				
				<div class="fix"></div>	
			
			<!-- /main -->	
			</div>
		
			<!-- sidebar -->
			<div id="sidebar">
							
				<div class="sidemenu">	
					<h3>Sidebar Menu</h3>
					<ul>				
						<li><a href="index.html">Home</a></li>
						<li><a href="index.html#TemplateInfo">Chat</a></li>
						<li><a href="style.html">Demo</a></li>
						<li><a href="blog.html">Blog</a></li>
						<li><a href="index.html">Add someone</a></li>	
						<li><a href="index.html">Find someone</a></li>							
					</ul>	
				</div>
							
				<div class="sidemenu">
					<h3>Sponsors</h3>
					<ul>
						<li><a href="http://google.com">Google</a><span>Everybody knows them :)</span></li>
						<li><a href="http://facebook.com">Facebook</a><span>Facebook helps you connect and share with the people in your life</span></li>
						<li><a href="http://flickr.com">Flickr</a><span>Share your photos</span></li>
						<li><a href="http://couchdb.apache.org/">CouchDB</a><span>It's a document-oriented database</span></li>
					</ul>
				</div>				
				
			<!-- /sidebar -->				
			</div>		
			
		<!-- /content -->	
		</div>				
	<!-- /content-wrap -->	
	</div>	
<!-- /wrap -->
</div>

<!-- footer -->	
<div id="footer">	

	<!-- footer-outer -->	
	<div id="footer-outer" class="clear"><div id="footer-wrap">
	
		<div class="col-a">
				
			<h3>Contact Info</h3>
			
			<p>
			<strong>Phone: </strong>+123456789<br/>
			</p>
			
			<p><strong>Address: </strong>ul. Wita Stwosza 57, 80-952 Gdańsk</p>
				
			<p><strong>E-mail: </strong>me@trepadora.com</p>
			<p>Want more info - go to our <a href="#">contact page</a></p>			
			
			<h3>Follow Us</h3>
			
			<div class="footer-list">
				<ul>				
					<li><a href="index.html" class="rssfeed">RSS Feed</a></li>
					<li><a href="index.html" class="email">Email</a></li>
					<li><a href="index.html" class="twitter">Twitter</a></li>	
					<li><img src="./images/facebook.png" class="facebook_image" />
						<a href="index.html" class="facebook">Facebook</a>
					</li>								
				</ul>
			</div>					
				
		</div>
		
		<div class="col-a">			
			
			<h3>Site Links</h3>
			
			<div class="footer-list">
				<ul>				
					<li><a href="index.html">Home</a></li>
					<li><a href="index.html">Chat</a></li>
					<li><a href="index.html">Blog</a></li>
					<li><a href="index.html">Contact</a></li>
					<li><a href="index.html">About</a></li>		
					<li><a href="index.html">Site Map</a></li>					
				</ul>
			</div>					
				
		</div>
		
		<div class="col-a">
		
			<h3>Similar pages</h3>
			
			<p>Here you are have some very similar websites. </p>
			
			<div class="footer-list">
				<ul>				
					<li><a href="http://www.chatroulette.com/">Chatroulette!</a></li>
					<li><a href="http://www.google.com/chat/video">Google Video chat</a></li>
					<li><a href="http://www.ivideochat.com/">iVideochat</a></li>
				</ul>
			</div>			
				
		</div>		
	
		<div class="col-b">
		
			<h3>About</h3>			
			
			<p>
			<a href="index.html">
				<img src="images/gravatar.jpg" width="40" height="40" alt="firefox" class="float-left" />
			</a>
			We are students of the University of Gdansk. We are very intelligent and creative.
			When we have some free time we write online chat :) If you have any questions please don't
			hesitate <a href="index.html">write to us...</a>
			</p>			
			
		</div>		
		
		<div class="fix"></div>
		
		<!-- footer-bottom -->		
		<div id="footer-bottom">
	
			<div class="bottom-left">
				<p>
				&copy; 2010 <strong>Copyright Tropadora Team</strong>&nbsp; &nbsp; &nbsp;
				Design by: <a href="index.html/">Tropadora Team</a> 			
				</p>
			</div>		
	
			<div class="bottom-right">
				<p>		
					<a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> | 
		   		<a href="http://validator.w3.org/check/referer">XHTML</a>	|			
					<a href="index.html">Home</a> |
					<strong><a href="#top" class="back-to-top">Back to Top</a></strong>								
				</p>
			</div>

		<!-- /footer-bottom -->		
		</div>
	
	<!-- /footer-outer -->		
	</div></div>		

<!-- /footer -->
</div>

</body>
</html>
